<template>
    <div class="indexCont">
        <p v-for="(item, index) in menulist" :key="index" class="itemes"
        @click="routerLink(item.routLink)">{{item.name}}</p>
    </div>
</template>

<script>
export default {
    data() {
        return {
            menulist: [
                {
                    name: 'css道行下划线效果',
                    routLink: '/Nav'
                },
                {
                    name: 'animate动画',
                    routLink: '/animate'
                },
                {
                    name: '数字键盘',
                    routLink: '/keyBord'
                },
                {
                    name: 'swiper 移动端滑块',
                    routLink: '/swiper'
                },
                {
                    name: 'passwordPay密码键盘',
                    routLink: '/passwordPay'
                },
            ]
        }
    },
    methods: {
        routerLink(val) {
            this.$router.push({
                path: val
            })
        }
    }
}
</script>

<style lang="less">
.indexCont{
    display: flex;
    cursor: pointer;
    .itemes{
        border-bottom: 1px solid gray;
        padding: 10px;
        margin: 0 10px;
    }
}
</style>
